University of Toronto

University of Toronto Magazine publishes ideas from U of T faculty, students, and alumni that tell the stories of Canada’s largest university. I led the product strategy and website design of its first major redesign in ten years.

The result is a responsive, modular design system powered by WordPress that puts the ability to create custom index and article pages in the hands of the magazine’s small team.

Mobile homepage for U of T Magazine University of Toronto Magazine undefined

Mobile Homepage

After a series of workshops reconciling the needs of the publication and audience we produced product requirements, a revised information architecture, and publishing strategy to guide how the site would be designed and why.

University of Toronto Magazine

Information Architecture

The editorial team’s small size meant they would need a flexible system of content type modules they could mix-and-match to curate articles, index and topic pages, or automate them based on taxonomy giving the user a highly curated experience.

University of Toronto Magazine

Module Wireframes

Once the content types were settled, we established the visual style in tandem with the redesign of the printed magazine. We used Beaufort for headlines and decks with GT America for functionality and way-finding, and Tiempos Text as a body typeface for articles.

University of Toronto Magazine

Typefaces, Colors and Mobile Icon / Favicon

University of Toronto Magazine

Full Screen Story Top

University of Toronto Magazine

Split Screen Story Top

University of Toronto Magazine

Story Page

University of Toronto Magazine

Story Page

University of Toronto Magazine

Story Page

undefined University of Toronto Magazine University of Toronto Magazine

Story Page Mobile

Site Search

University of Toronto Magazine

Admin Pages Template

I Worked On

  • Project plan and strategy
  • Proposal, timeline, scope & budget
  • IA, wireframes, visual design, & design system
  • Design direction of the website and build

The Team

width:

dpr:

GR-04

GR-05

GR-06

GR-12